{include file=header.html}
<DIV class="main">
{include file="header.common.html"}
<div class="content_info">
   <div class="about_head">
      <div class="about_title">{$now_about.title}</div>
      <div class="about_nav" id="selectArea">导航</div>
   </div>
   <div class="about_content"><!--{if $now_about.content_wap}-->{$now_about.content_wap}<!--{else}-->{$now_about.content}<!--{/if}--></div>
</div>
{include file=footer.html}
</DIV> 
<div class="filter" id="filter">
  <div class="filter-bg" id="filterBg"><a id="slideClose"></a></div>
  <div class="filter-box" id="filterBody">
    <div id="areaList">
      <h5>导航分类</h5>
      <!-- {foreach from=$category_about key=key item=cate_about} -->
      <!--{if $cate_about.can_show eq 0}-->
      <dl {if $now_about.code eq $cate_about.code}class=Choose{/if}><span class="href"><a href="{url app=article&act=abouts&code=$cate_about.code}">{$cate_about.cate_name}</a></span><!--{if $cate_about.list}--><span class="click_show {if $location.0.cate_id eq $key}active{/if}" rel="{$key}"></span><!-- {/if} --></dl>
      <!-- {/if} -->
      <!--{if $cate_about.list && $cate_about.can_show eq 0}-->
        <ul id="ul{$key}" {if $location.0.cate_id eq $key}style="display:block"{/if}>
        <!-- {foreach from=$cate_about.list item=cate_list} -->
        <!--{if $cate_list.can_show eq 0}-->
        <li {if $now_about.code eq $cate_list.code}class=Choose{/if}><a href="{url app=article&act=abouts&code=$cate_list.code}">{$cate_list.cate_name}</a></li>
        <!-- {/if} -->
        <!-- {/foreach} -->
        </ul>
      <!-- {/if} -->      
      <!-- {/foreach} -->
    </div>
  </div>
</div>
<script type="text/javascript" src="{res file=style/zepto.min.js}"></script>
<script language="javascript">
$(document).ready(function(){ 
  $("#filterBg").on("click", function(){ hideFilter(); });
  $("#slideClose").on("click", function(){ hideFilter(); });
  $("#selectArea").on("click", function(){
	  $(window).scroll(function(){
		  window.scrollTo(0, 0);
	  }).scroll();
	  $("#filter").show();
	  $("#filterBody").find("div").hide();
	  $("#areaList").show();
	  $("#filterBody").addClass("filter-box-on");
  }); 
  var hideFilter = function(){
	  $("#filterBody").removeClass("filter-box-on");
	  setTimeout(function(){
		  $("#filter").hide();
	  }, 400);
	  $(window).unbind("scroll");
  }  
  $(".click_show").click(function(){
	var this_id = $(this).attr("rel");
	$("#ul"+this_id).slideToggle("slow");
	if ($(this).hasClass('active')==false){
		$(this).addClass("active");
	}else{
		$(this).removeClass("active");
	}
  }); 
}); 
</script>
</body>
</html>